@use "~/styles/variables.scss" as *;

.bill-filter-container {
  width: 750rpx;
  padding: 25rpx 0;
  box-sizing: border-box;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 150rpx); /* 兼容 iOS < 11.2 */
  padding-bottom: calc(env(safe-area-inset-bottom) + 150rpx); /* 兼容 iOS >= 11.2 */
  .title-container {
    width: 100%;
    position: relative;
    .filter-title {
      line-height: 60rpx;
      text-align: center;
    }
    .clear-btn {
      position: absolute;
      right: 30rpx;
      color: $color-primary;
    }
  }
  .bill-filter-body {
    width: 700rpx;
    .bottom-line {
      height: 0;
      width: 200%;
      transform: translateX(-25%) scale(0.5);
      border-bottom: 1rpx solid;
      opacity: 1;
    }
    .bill-filter-item {
      width: 100%;
      padding: 25rpx;
      box-sizing: border-box;
      .bill-filter-item-label {
        margin-right: 25rpx;
        background-color: rgba(249, 201, 9, 1);
        border-radius: 10rpx;
        width: 80rpx;
        height: 80rpx;
      }
      .bill-filter-item-val {
        padding: 15rpx;
      }
      .text-center {
        text-align: center;
      }
    }
  }
}